@import "../stylus/_base.styl"
.banner
  margin-bottom 21px

.slide-banner
  margin 24px auto 15px
  background-color $color-background-f
  border 1px solid #e5e5e5
  height: 100%;
  .swiper-container
    width 100%
    height 100%
  .swiper-slide
    text-align center
    font-size 18px
    background #fff
    display flex
    justify-content center
    align-items center
  .slide-w
    padding 20px
    position: relative;
    height 505px
    .slide-bd
      position relative
      .cnt
        position absolute
        bottom 0
        left 0
        width 100%
        height 72px
        background-color rgba(0, 0, 0, .75)
        font-size $font-size-large-x
        color $color-text-f
        padding 0 32px
        box-shadow black
        line-height 72px
        text-align left

    .swiper-pagination
      bottom 86px
      .swiper-pagination-bullet
        width 16px
        height 16px
        position relative
        opacity 1
        background-color transparent
        &:before,
        &:after
          content ''
          display block
          position absolute
          border-radius 50%
        &:before
          width 100%
          height 100%
          background-color transparent
        &:after
          width 12px
          height 12px
          top 2px
          left 2px
          background-color #ffffff
      .swiper-pagination-bullet-active
        background-color transparent
        &:before
          background-color #ffffff
        &:after
          background-color #b2070e

    .swiper-button-next,
    .swiper-button-prev
      width 50px
      height 91px
      top 174px
      margin-top 0
    .swiper-button-prev
      left 0
      background url("../images/swiper-button-prev.png") 50% 50% no-repeat
    .swiper-button-next
      right 0
      background url("../images/swiper-button-next.png") 50% 50% no-repeat

.list-banner
  display flex
  .cell
    border 1px solid #e4e4e4
    background-color $color-background-f
    width 336px
    box-sizing border-box
    padding 20px 15px
    & + .cell
      margin-left 8px
    .title
      display flex
      border-bottom 2px solid #cd180b
      height 24px
      line-height 24px
      padding-bottom 10px
      .icon
        width 19px
        height 24px
        background url("../images/icon.png") 50% 50% no-repeat
        margin-right 14px
      .title-m
        flex 1
      .more
        font-size $font-size-medium
        color #8d8d8d

    .cnt
      margin-top 15px
      li
        border-bottom 1px dotted #d3d3d3
        font-size $font-size-medium
        line-height 20px
        padding 7px 0
        a
          color #404040
          setTextOverflow(1)

.banner-ad
  img
    display block
